<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>首页</title>
	</head>

	<body>
		<h2>欢迎来到银行管理系统</h2>

		<ol class="breadcrumb mybreadcrumb">
			<li>
				<a href="home.html">首页</a>
			</li>
			<li>
				<a href="#" data-toggle="modal" data-target="#add" id="ad">添加银行卡</a>
			</li>
			<li>
				<a href="#" data-toggle="modal" data-target="#update" id="up">修改银行卡信息</a>
			</li>
			<li>
				<a href="#" id="del">删除银行卡</a>
			</li>
		</ol>
		<div class="div1-center">
			<table id="tb" class="table table-hover">
				<tr>
					<td>选择</td>
					<td>银行卡名称</td>
					<td>银行卡号</td>
					<td>银行卡芯片</td>
					<td>银行卡余额</td>
					<td>持卡人</td>
					<td>所属银行</td>
				</tr>
			</table>
		</div>

		<div class="modal fade" id="add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
						<h4 class="modal-title" id="myModalLabel">
						请填写银行卡信息
					</h4>
					</div>
					<div class="modal-body">
						银行卡名称:
						<select id="bankSelect">
						</select>
					</div>
					<div class="modal-body">
						<input type="text" placeholder="银行卡号" name="cardNumber1" value="8888" />
					</div>
					<div class="modal-body">
						<input type="radio" name="sex" value="1"/>男
						<input type="radio" name="sex" value="0"  checked="checked"/>女
						
					</div>
					<div class="modal-body">
						<input type="text" placeholder="银行卡余额" name="cardMoney1" value="1" />
					</div>
					<div class="modal-body">
						<input type="text" placeholder="持卡人" name="cardHolder1" value="1" />
					</div>
					<div class="modal-body">
						<input type="text" placeholder="所属银行" name="bankId1" value="1" />
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" id="addConfirm">
						添加
					</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>

		<div class="modal fade" id="update" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
						&times;
					</button>
						<h4 class="modal-title" id="myModalLabel">
						修改银行卡信息
					</h4>
					</div>
					<div class="modal-body">
						<input type="text" placeholder="银行卡名称" name="cardName2"  />
					</div>
					<div class="modal-body">
						<input type="text" placeholder="银行卡号" name="cardNumber2" />
					</div>
					<div class="modal-body">
						<input type="text" placeholder="银行卡芯片" name="cardChip2" />
					</div>
					<div class="modal-body">
						<input type="text" placeholder="银行卡余额" name="cardMoney2"  />
					</div>
					<div class="modal-body">
						<input type="text" placeholder="持卡人" name="cardHolder2"  />
					</div>
					<div class="modal-body">
						<input type="text" placeholder="所属银行" name="bankId2"  />
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-primary" id="upConfirm">
						确认修改
					</button>
					</div>
				</div>
				<!-- /.modal-content -->
			</div>
			<!-- /.modal -->
		</div>

		<div class="div-center">
			<ul class="pagination">
				<li>
					<a href="#">&lt;&lt;</a>
				</li>
				<li>
					<a href="#">&lt;</a>
				</li>
				<li>
					<a href="#">1</a>
				</li>
				<li>
					<a href="#">2</a>
				</li>
				<li>
					<a href="#">3</a>
				</li>
				<li>
					<a href="#">&gt;</a>
				</li>
				<li>
					<a href="#">&gt;&gt;</a>
				</li>
			</ul>
		</div>

	</body>
	<script type="text/javascript" src="../js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../js/common.js"></script>
	<script type="text/javascript" src="../js/card-crud.js"></script>
	<script>
		findAllCard();
		//findAllBank();
	</script>
	<link rel="stylesheet" href="../css/bootstrap.min.css" />
	<link rel="stylesheet" href="../css/myCss.css" />

</html>